{% load staticfiles %}
{% csrf_token %}
<!DOCTYPE html>
<html>
    <head style="height: 100%; width: 100%; margin: 0;">
        <meta charset="utf-8">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="{% static 'css/layui.css' %}">
        <link rel="stylesheet" href="{% static 'css/index.css' %}">
        <link rel="stylesheet" href="{% static 'css/users.css' %}">
        <title>用户详情</title>
    </head>


    <body style="height: 100%; width: 100%; margin: 0;">
        <div class="details-left">
            <div class="details-left-top">
                <div class="details-left-img">
                    <img id="headimg" src="{% static 'images/head/default.jpg' %}">
                </div>
                <span title="修改头像">
                    <button type="button" class="layui-btn" id="imgupload" style="margin-top: 10px; width: 100%;">
                        <i class="layui-icon">&#xe67c;</i>
                    </button>
                </span>
            </div>
            <div class="details-left-bottom">
                <blockquote class="layui-elem-quote">账户信息</blockquote>
                <span class="left-bottom-account">用户名 ： </span><span id="spanuser" class="left-bottom-account">无</span><br><br>
                <span class="left-bottom-account">邮箱 ： </span><span id="spanemail" class="left-bottom-account">无</span><br><br>
                <span class="left-bottom-account">创建时间 ： </span><span id="spancreate" class="left-bottom-account">无</span>
            </div>

        </div>
        <div class="details-right">
        </div>
    </body>
    <script type="text/javascript">
        var alldata = {{ data|safe }};
    </script>
    <script src="{% static 'layui.all.js' %}"></script>
    <script src="{% static 'js/users/details.js' %}"></script>
</html>